<template>
  <view class="header">
  	<view class="nav-bar">
  		<view class="status_bar"></view>
  		<view class="top_view">
  			<image class="back-icon" @click="presenter.handleBackClick" src="/static/image/faceConfig/black@2x.png"></image>
  			<view class="nav-title">{{props.info.sum}} {{props.info.bpm}} {{props.info.air}} 调</view>
  			<view class="nav-r">
  				<view class="r-sum">{{props.info.tune}}</view>
  				<image class="shan-icon" src="/static/image/faceConfig/shan.png"></image>
  				<image class="yin-icon" src="/static/image/faceConfig/yin@2x.png"></image>
  			</view>
  		</view>
  	</view>
  	<view class="bar-holder"></view>
  </view>
</template>
<script setup lang="ts">
  import { usePresenter } from './presenter';
  

  const presenter = usePresenter();
  // const { model } = presenter;

  
  const props = defineProps<{
    info: {
    	sum:number
    	bpm:string
    	air:string
    	tune:string
    }
  }>()
  
  
</script>
<style src="./index.scss" lang="scss" scoped></style>
